<template>
  <card title="创建项目" width="600px">
    <el-form ref="form" :model="createForm" label-width="80px">
      <el-form-item label="项目名称">
        <el-input v-model="createForm.name" placeholder="请输入项目名称" />
      </el-form-item>
      <el-form-item label="项目描述">
        <el-input
          v-model="createForm.desc"
          type="textarea"
          :autosize="{ minRows: 5, maxRows: 10 }"
          placeholder="请输入项目描述"
          :resize="false"
        />
      </el-form-item>
      <el-form-item label="访问密码">
        <el-input v-model="createForm.secret" placeholder="请输入访问密码" />
      </el-form-item>
      <div class="flex justify-center align-center">
        <el-button type="primary" style="width: 150px; margin-bottom: 10px">创建</el-button>
      </div>
    </el-form>
  </card>
</template>

<script>
export default {
  name: "createProject",
  data: () => ({
    createForm: {
      name: "",
      desc: "",
      secret: "",
    },
  }),
};
</script>

<style lang="scss" scoped></style>
